﻿@model IEnumerable<Solution.Business.Entities.News>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="../../Scripts/jquery.carousel.js"></script>
    
<script type="text/javascript">
        $(document).ready(function () {
            $('body').removeClass('no-js');
            $('#my-carousel-2').carousel({
                itemsPerPage: 4,
                itemsPerTransition: 4,
                speed: 500
            });
        });
    </script>

    <div id="container">
		<div id="my-carousel-2" class="carousel module">
			 <ul>
                 @foreach(var item in Model)
                 {
				<li class="clip">
				<div id="box-img-tieudiem">
					<a href="#">
						<img src="@item.Images" >
					</a>
				</div>
				<a href="@Url.Action("Index", "Details", new { Id = @item.NewsId })" title="@item.Title"> @item.Title...</a>
				<b title="@item.Content"> @item.Content ...</b>
		        </li> 
                 }   
		    </ul>
		</div>
	</div>